import { CSSProperties, FC, memo } from 'react';

import { classNames } from '@/shared/lib/classNames/classNames';

import cls from './Skeleton.module.scss';

interface SkeletonProps {
  className?: string;
  height?: string | number;
  width?: string | number;
  border?: string;
}

/**
 * Устарел, используются новые компоненты из папки redesigned
 * @deprecated
 */

export const Skeleton: FC<SkeletonProps> = memo((props) => {
  const { className, height, width, border } = props;

  const styles: CSSProperties = {
    width,
    height,
    borderRadius: border,
  };

  return (
    <div style={styles} className={classNames(cls.Skeleton, {}, [className])} />
  );
});
